浏览器滑动页面滚动条时，获取元素距离浏览器顶部距离，动态获取。

举个栗子：

这是要循环的div,要菜单$(".mdtit") 在$(".box")距离顶部小于20px时保持浮动。

     
      
    
       
        
        
            
         
          学校介绍
         
            
         
                
          更多            
         
        
        
    
       
       
    
        
        
                     
          
 
            
           
 
            
{$l.title}
 
           
 
        
             
        
       
    
      
 
     

 

.nav_index_fix {
       position: fixed;    left: 0;    top: 0;}

 

$(function(){        $(window).scroll(function(){            $(".box").each(function(){                //所有需要计算距离浏览器顶端高度的元素                var scrollTop = $(window).scrollTop();// 网页被卷起来的高度                var nap_top = $(this).offset().top;        //页面元素距离文档顶端高度距离                if(nap_top-scrollTop < 20){              //元素距离浏览器顶部高度                    $(".mdtit").removeClass("nav_index_fix");                          $(this).children(".mdtit").addClass("nav_index_fix");                }else{                    $(this).find(".mdtit").removeClass("nav_index_fix");                }            })        });    });

注意：声明的变量必须写在each循环里面，当滑动时才能动态获取当前元素距离顶部的距离